<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
	<meta name="renderer" content="webkit|ie-comp|ie-stand" />
	<meta name="applicable-device" content="pc, mobile" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no, email=no, address=no" />
	<meta name="robots" Content="all" />
	<meta name="description" content="{$Think.config.WUGN.WEB_DESCRIPTION}" />
	<meta name="keywords" content="{$Think.config.WUGN.WEB_KEYWORDS}" />
	<meta name="author" content="{$Think.config.WUGN.AUTHOR_NAME}" />
	<title>{$meta_title}｜{$Think.config.WUGN.WEB_SITE_TITLE}－{$Think.config.WUGN.WEB_SITE_SLOGAN}</title>
	<link rel="icon" type="image/x-icon" href="__ROOT__/favicon.ico" />
	<link rel="shortcut icon" type="image/x-icon" href="__ROOT__/favicon.ico" />
	<link rel="bookmark" type="image/x-icon" href="__ROOT__/favicon.ico" />
	<style>
	body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;text-align:left;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
	#background{position:fixed;top:0;left:0;z-index:-999;}
	.post{background:rgba(247,247,247,0.4);border-radius:12px;position:relative;width:640px;max-width:100%;min-height:250px;margin:80px auto 40px;padding:0;box-shadow:0 0 0 1px rgba(106,106,106,.3) inset,0 .5em 1em rgba(0,0,0,0.6);}
	.title{border-bottom:2px solid rgba(255,255,255,0.6);font-family:"Microsoft YaHei";font-size:2em;line-height:2em;font-weight:bold;text-shadow:0 2px 0 #fff,2px 3px 3px #aaa;padding:4px 1em;color:#345;}
	.post_date{background:white;border:2px solid #ccc;border-radius:8px;left:-100px;line-height:1;position:absolute;text-align:center;width:90px;float:left;font-family:SimSun;color:#000;}
	.post_date i{display:block;font-style:normal;}
	.post_date .dm{background:#d13b4b;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-size:1.75em;}
	.post_date .dd{font-size:3em;}
	.post_date .dy{font-size:1.25em;line-height:1.2;}
	.content{overflow:hidden;padding:10px;}
	.content pre{font-family:SimSun;font-size:1.5em;font-weight:bold;line-height:1.3;white-space: pre-wrap;word-wrap: break-word;}
	</style>
</head>
<body>
	<canvas id="background"></canvas>
	<div class="post">
		<div class="title">{$data.diary_title}</div>
		<span class="post_date"><i class="dm">{$data.month(diary_date)}</i><i class="dd">{$data.day(diary_date)}</i><i class="dy">{$data.year(diary_date)}</i></span>
		<div class="content"><pre>{$data.diary_content}</pre></div>
	</div>
	<div class="bshare-custom"style="text-align:center;"><div class="bsPromo bsPromo2"></div><a title="分享到QQ空间"class="bshare-qzone"></a><a title="分享到新浪微博"class="bshare-sinaminiblog"></a><a title="分享到微信"class="bshare-weixin"href="javascript:void(0);"></a><a title="分享到复制网址"class="bshare-clipboard"href="javascript:void(0);"></a><a title="更多平台"class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count"style="float: none;">0</span></div><script type="text/javascript"charset="utf-8"src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=99619f94-361f-4939-975c-1aa9c07d7650&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript"charset="utf-8"src="http://static.bshare.cn/b/bshareC0.js"></script>
</body>
<load href="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js" />
<load href="{$Think.config.WUGN.CDN}/js/functions.js" />
<script>// * @author  pbondoer - http://bondoer.fr/
window.addEventListener("load",function(){function e(e,t,n){return n*(t-e)+e}function t(e){return e<0?0:e>1?1:e}function n(e){return Math.random()*(e.max-e.min)+e.min}function o(){return new a(n(g.gradient.hue),n(g.gradient.saturation),n(g.gradient.lightness))}function s(){return f.force||navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPod/i)||navigator.userAgent.match(/BlackBerry/i)||navigator.userAgent.match(/Windows Phone/i)}function a(e,t,n){this.h=e,this.s=t,this.l=n,this.str=function(){return this.h+", "+this.s+"%, "+this.l+"%"}}function r(t,n,o){this.x=t,this.y=n,this.oldColor=o,this.newColor=o,this.step=0,this.speed=0,this.color=function(){return new a(e(this.oldColor.h,this.newColor.h,this.step),e(this.oldColor.s,this.newColor.s,this.step),e(this.oldColor.l,this.newColor.l,this.step))}}function h(t,n,o,i){this.oldX=t,this.oldY=n,this.oldSize=o,this.oldAlpha=i,this.newX=0,this.newY=0,this.newAlpha=0,this.newSize=0,this.step=0,this.speed=0,this.x=function(){return e(this.oldX,this.newX,this.step)},this.y=function(){return e(this.oldY,this.newY,this.step)},this.alpha=function(){return e(this.oldAlpha,this.newAlpha,this.step)},this.size=function(){return e(this.oldSize,this.newSize,this.step)}}function l(e){e.newX=t(e.oldX+n({min:-g.bokeh.jitter.x,max:g.bokeh.jitter.x})),e.newY=t(e.oldY+n({min:-g.bokeh.jitter.y,max:g.bokeh.jitter.y}))}function d(){var e=window.innerWidth,t=window.innerHeight;y=e*g.resolution,z=t*g.resolution,S=Math.sqrt(y*z),p.canvas.width=e,p.canvas.height=t,p.scale(1/g.resolution,1/g.resolution);var n=g.bokeh.size.max*S;b.canvas.width=2*n+1,b.canvas.height=2*n+1,b.fillStyle="rgb(255, 255, 255)",b.beginPath(),b.arc(n,n,n,0,E),b.closePath(),b.fill(),s()&&c()}function u(e,t){var n=0;for(var o in e)t.hasOwnProperty(o)&&0==u(e[o],t[o])&&(t[o]=e[o]),n++;return n}function w(){var e=Date.now();k+=e-(m||e),x++;var t=(e-(m||e))/(1e3/A);m=e,k>1e3&&(C=1e3/(k/x),k-=1e3,x=0),F.forEach(function(e){e.step+=e.speed*t,e.step>=1&&(e.step=0,e.oldColor=e.newColor,e.newColor=o(),e.speed=n(g.speed))}),R.forEach(function(e){e.step+=e.speed*t,e.step>=1&&(e.step=0,e.oldX=e.newX,e.oldY=e.newY,e.oldAlpha=e.newAlpha,e.oldSize=e.newSize,l(e),e.newAlpha=n(g.bokeh.alpha),e.newSize=n(g.bokeh.size),e.speed=n(g.speed))})}function c(){w(),F.forEach(function(e){var t=e.x*g.gradient.resolution,n=e.y*g.gradient.resolution,o=v.createRadialGradient(t,n,g.gradient.smallRadius,t,n,g.gradient.resolution);o.addColorStop(0,"hsla("+e.color().str()+", 255)"),o.addColorStop(1,"hsla("+e.color().str()+", 0)"),v.fillStyle=o,v.fillRect(0,0,g.gradient.resolution,g.gradient.resolution)}),p.globalCompositeOperation="source-over",p.drawImage(v.canvas,0,0,y,z),p.globalCompositeOperation="overlay",g.debug.strokeBokeh&&(p.strokeStyle="yellow"),R.forEach(function(e){var t=e.size()*S;p.globalAlpha=e.alpha(),p.drawImage(b.canvas,e.x()*y-t/2,e.y()*z-t/2,t,t),g.debug.strokeBokeh&&(p.globalAlpha=1,p.globalCompositeOperation="source-over",p.strokeRect(e.x()*y-t/2,e.y()*z-t/2,t,t),p.globalCompositeOperation="overlay")}),p.globalAlpha=1,g.debug.showFps&&(p.fillStyle=C<=10?"red":"yellow",p.font="20px sans-serif",p.fillText(Math.round(C)+" fps",10,20)),window.requestAnimFrame(c)}var m,p=document.getElementById("background").getContext("2d"),g={resolution:1,gradient:{resolution:4,smallRadius:0,hue:{min:0,max:360},saturation:{min:40,max:80},lightness:{min:25,max:35}},bokeh:{count:30,size:{min:.1,max:.3},alpha:{min:.05,max:.4},jitter:{x:.3,y:.3}},speed:{min:1e-4,max:.001},debug:{strokeBokeh:!1,showFps:!1}},f={force:!1,resolution:.5,bokeh:{count:6}},v=document.createElement("canvas").getContext("2d"),b=document.createElement("canvas").getContext("2d"),A=60,k=0,x=0,C=0,y=0,z=0,S=0,E=2*Math.PI;window.requestAnimFrame=function(e){return s()?function(e){window.setTimeout(e,100)}:window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}();var F=[new r(0,0,new a(196,59,34)),new r(0,1,new a(269,79,32)),new r(1,0,new a(30,42,33)),new r(1,1,new a(304,47,27))],R=[];window.addEventListener("resize",d),function(){for(v.canvas.height=g.gradient.resolution,v.canvas.width=g.gradient.resolution,s()&&u(f,g),d(),F.forEach(function(e){e.oldColor=o(),e.newColor=o(),e.speed=n(g.speed)}),i=0;i<g.bokeh.count;i++)R.push(new h(Math.random(),Math.random(),n(g.bokeh.size),n(g.bokeh.alpha))),R[i].newAlpha=n(g.bokeh.alpha),R[i].newSize=n(g.bokeh.size),R[i].speed=n(g.speed),l(R[i])}(),c()});
</script>
</html>
